<header class="app-header">
    <section class="home-header-transparent-black {{ class }}">
        <div><a class="logo-link" href="/">
            <div class="logo">yourhost 开放平台</div>
        </a>
            <div class="no-manage-link">
                <a href="/help/api?t=oauth_home.html" class="first"><p class="">解决方案</p>
                    <ul>
                        <li>流程</li>
                    </ul>
                    <span></span></a>
                <a href="/help/api?t=oauth.html" class="first"><p class="">开发接入</p>
                    <ul>
                        <li>oauth</li>
                    </ul>
                    <span></span></a>
                <a href="{% url 'help_index' %}" class="first"><p class="">开发者文档</p></a>
                <a href="#" class="first"><p class="">帮助支持</p></a>
            </div>
            <div class="manage-link" v-if="isLogin"><a style="color: #FFF;" href="{% url 'management_homepage' %}">管理中心</a> </div>
            <ul class="tip-and-info no-login">
                <li>
                    <a v-if="!isLogin" href="{% url 'user_login' %}"><button class="home-submit-btn login-btn">登录</button></a>
                    <a v-else href="{% url 'user_logout' %}" style="color: #FFF;">退出</a>
                </li>
            </ul>
        </div>
    </section>
</header>

{% block footerjs %}
<script type="text/javascript">
var app = new Vue({
  el: '.app-header',
  data: {
    isLogin: {% if request.user.is_authenticated %} 1 {% else %} 0 {% endif %}
  }
})
</script>
{% endblock %}